前端工程化实现

2022.7.25 星期一 :

规范

H5部署规范: http://doc.jd.com/jdfe-web/h5_deploy_standard/#部署前

分支管理

git 工程流程 - 需求开发管理。

分支创建，
提交commit，
git 管理流程
merge 和 code reivew
回滚

语法规范

html规范
css规范
js规范：eslint， react，

Eslint & Prettier

现在我们按照官网的推荐方式，把 prettier 集成到 eslint 的校验中。
安装解决冲突需要用到的两个依赖

工具

Eslint
Prettier
Commitlint
Husky



Linter
changlog

CI/CD

多端化

规划

1. 组件库。
2. 共用taro 运行时等。

   和原生小程序的关系

部署发布

jDos。
pubfree， swm等。

单元测试

以前为什么没有做？没有收益？耗时多？
优秀的开源库都有单测。
变强了。 后续都会添加单测。

订单单测成果展示

实现工作

jest 框架。

1. 配置和文件目录结构。
2. module mock。taro等。
3. 覆盖率。
4. 报告。
   结果分析
5. 快照
6. 接口mock
7. 分支测试
8. 组件操作
9. 阈值设置。
   自动生成测试用例。

监控和告警

数据

异常监控

性能监控

烛龙监控平台。

问题

测出什么问题？

全流程实践

结果收益

前端你又偷懒了

工程化思考

不能只做需求，了解业务，寻求更优的技术解决方案。

京购小程序流程规范

前端通道委员会

fe.jd.com